<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/bumengaikuang/bumengaikuang.css">
    <link rel="stylesheet" href="./css/css.css">
    <script src="./js/jquery-3.6.4.min.js"></script>
    <script src="./js/all.js"></script>
</head>
<body>
    <div class="commer-header">
        <div class="header-logo">
            <img src="./img/logo.png" alt="">
        </div>
        <div class="header-nav">
            <ul>
                <li class="index"><a href="index.html">首页</a></li>
                <li><a href="bumengaikuang.html">部门概况</a></li>
                <li><a href="shiziduiwu.html">师资队伍</a></li>
                <li><a href="#">思政建设</a></li>
                <li><a href="#">红馆</a></li>
                <li><a href="#">心理健康教育中心</a></li>
                <li><a href="#">教学科研</a></li>
                <li><a href="#">学生社团</a></li>
            </ul>
        </div>
        <div class="input-img">
            <img src="./img/搜索.png" alt="">
        </div>
        <div class="header-input">
            <input type="text" placeholder="请输入关键词搜索">
        </div>
        <button class="header-button">
            <span>一</span>
            <span>一</span>
            <span>一</span>
        </button>
        <div class="yc">
            <ul>
                <li class="index"><a href="index.html">首页</a></li>
                <li><a href="#">院系首页</a></li>
                <li><a href="bumengaikuang.html">部门概况</a></li>
                <li><a href="shiziduiwu.html">师资队伍</a></li>
                <li><a href="#">思政建设</a></li>
                <li><a href="#">红馆</a></li>
                <li><a href="#">心理健康教育中心</a></li>
                <li><a href="#">教学科研</a></li>
                <li><a href="#">学生社团</a></li>
            </ul>
        </div>
    </div>

    <div class="commer-banner">
        <img src="https://sdcc.edu.cn/static/images/common/banner.jpg" alt="">
    </div>

    <div class="commer-body">
        <div class="container">
            <!-- left列表 -->
            <div class="body-left">
                <ul>
                    <div class="title">
                        <div class="nav">
                            <div class="main">学院概况</div>
                            <div class="main-es">College Profile</div>
                        </div>
                    </div>
                    <li>
                        <a href="bumengaikuang.html">部门概况</a>
                    </li>
                    <li class="index">
                        <a href="shiziduiwu.html">师资队伍</a>
                    </li>
                    <li>
                        <a href="#">思政建设</a>
                    </li>
                    <li>
                        <a href="#">红馆</a>
                    </li>
                    <li>
                        <a href="#">心理健康教育中心</a>
                    </li>
                    <li>
                        <a href="#">教学科研</a>
                    </li>
                    <li>
                        <a href="#">学生社团</a>
                    </li>
                </ul>
            </div>
            <div class="body-right">
                <div class="body-nav">
                    <div class="nav-left">
                        <span>部门概况</span>
                    </div>
                    <div class="nav-right">
                        <span>当前所在位置：</span>
                        <a href="index.html">首页</a>
                        <span>></span>
                        <a href="bumengaikuang.html">部门概况</a>
                    </div>
                </div>
                <div class="body-text">
                    <h3>部门概况</h3>
                    <p>
                        三尺讲台育英才,一方舞台展风采。“课比天大,是一幅字、一块匾,是心照不宣的默契三尺讲
                        台育英才,一方舞台展风采课比天大,是一幅字、一块匾,是心照不宣的默契三尺讲台育英才
                        方舞台展风采。“课比天大,是一幅字、一块匾,是心照不宣的默契三尺讲台育英才,一方舞台展风
                        采课比天大,是一幅字、一块匾,是心照不宣的默契三尺讲台育英才,一方舞台展风采。“课比天
                        大,是一幅字、一块匾,是心照不宣的默契三尺讲台育英才,一方舞台展风采课比天大,是一幅
                        一块匾,是心照不宣的默契三尺讲台育英才,一方舞台展风采。“课比天大,是一幅字、一块
                        匾,是心照不宣的默契三尺讲台育英才,一方舞台展风采课比天大,是一幅字、一块匾,是心照不
                        宣的默契三尺讲台育英才,一方舞台展风采。“课比天大,是一幅字、一块匾,是心照不宣的默契三
                        尺讲台育英才,一方舞台展风采课比天大,是一幅字、一块匾,是心照不宣的默契。
                    </p>
                    <p>
                        三尺讲台育英才,一方舞台展风采。“课比天大,是一幅字、一块匾,是心照不宣的默契三尺讲
                        台育英才,一方舞台展风采课比天大,是一幅字、一块匾,是心照不宣的默契三尺讲台育英才
                        方舞台展风采。“课比天大,是一幅字、一块匾,是心照不宣的默契三尺讲台育英才,一方舞台展风
                        采课比天大,是一幅字、一块匾,是心照不宣的默契三尺讲台育英才,一方舞台展风采。“课比天
                        大,是一幅字、一块匾,是心照不宣的默契三尺讲台育英才,一方舞台展风采课比天大,是一幅
                        一块匾,是心照不宣的默契三尺讲台育英才,一方舞台展风采。“课比天大,是一幅字、一块
                        匾,是心照不宣的默契三尺讲台育英才,一方舞台展风采课比天大,是一幅字、一块匾,是心照不
                        宣的默契三尺讲台育英才,一方舞台展风采。“课比天大,是一幅字、一块匾,是心照不宣的默契三
                        尺讲台育英才,一方舞台展风采课比天大,是一幅字、一块匾,是心照不宣的默契。
                    </p>
                    <p>
                        三尺讲台育英才,一方舞台展风采。“课比天大,是一幅字、一块匾,是心照不宣的默契三尺讲
                        台育英才,一方舞台展风采课比天大,是一幅字、一块匾,是心照不宣的默契三尺讲台育英才
                        方舞台展风采。“课比天大,是一幅字、一块匾,是心照不宣的默契三尺讲台育英才,一方舞台展风
                        采课比天大,是一幅字、一块匾,是心照不宣的默契三尺讲台育英才,一方舞台展风采。“课比天
                        大,是一幅字、一块匾,是心照不宣的默契三尺讲台育英才,一方舞台展风采课比天大,是一幅
                        一块匾,是心照不宣的默契三尺讲台育英才,一方舞台展风采。“课比天大,是一幅字、一块
                        匾,是心照不宣的默契三尺讲台育英才,一方舞台展风采课比天大,是一幅字、一块匾,是心照不
                        宣的默契三尺讲台育英才,一方舞台展风采。“课比天大,是一幅字、一块匾,是心照不宣的默契三
                        尺讲台育英才,一方舞台展风采课比天大,是一幅字、一块匾,是心照不宣的默契。
                    </p>
                </div>
            </div>
        </div>
    </div>

    <div class="commer-footer">
        <div class="container">
            <div class="footer-top">
                <div class="footer-logo">
                    <img src="./img/logo.png" alt="">
                </div>
                <div class="footer-text">
                    <span>地址:山东省烟台市高新区海天路1001号</span>
                    <span>办公室电话:0535-293876</span>
                </div>
                <div class="footer-ewm">
                    <img src="./img/ewm.jpg" alt="">
                    <div class="none">微信公众号</div>
                </div>
            </div>
        </div>
        <div class="footer-bottom">
            <span>Copyright ◎山东省城市服务技师学院版权所有</span>
        </div>
    </div>
</body>
</html>